<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
     <title>Documents Mode</title>
     <link rel="stylesheet" href="css/style.css" type="text/css">
     <meta name="viewport" content="width=device-width" />
</head>

<body>
	<header>
		<h1 class="title">Documents Mode</h1>
	</header>
	<main>
		<p>OpenBoard comes with a documents handler. You can access it by simply clicking on <span class="icon"><img src="../../assets/common/documents.png" alt=""></span></p>
		<div class="image"><img src="../../assets/hint4/document1.png" alt=""></div>
		
		<h3>Create folders and organize your work</h3>
		<p>You can create a folder by clicking on the "New Folder" icon. Name it, and drag and drop your documents in. The same way, you can move an entire folder in another one.</p>
		<div class="image"><img src="../../assets/hint4/gif-document1.gif" alt=""></div>

		<h3>Handle pages</h3>
		<p>An OpenBoard document can contain multiple pages. You can duplicate them, move them to trash or to another document, create new ones from folders of images, ...</p>
		<div class="image"><img src="../../assets/hint4/gif-document2.gif" alt=""></div>
		
		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Note that available actions are updated according to what is selected</span>
	</main>
	<footer>

	</footer>
</body>
</html>
